vue2 0 前端框架基本常識

2021-08-16 04:00:22 字數 686 閱讀 1394

import defaultmember from "module-name";

import hello from '@/components/hello'   有個@等價於/src這個目錄  

import from "module-name";

區別就是第乙個是通過export default匯出的,第二個是export匯出的 一般是乙個函式方法。

@click="selectmenu(index,$event)  固定的傳事件  $event

selectmenu(index, event)

this.$refs.input1  這樣就可以減少獲取dom節點的消耗了  和ref一起用。

assets中的檔案在vue中的template/style下用../這種相對路徑的形式進行引用

在下必須用@import的方式引入

而static下的檔案在.vue中的任何地方都只要使用../這種相對路徑的方式引入

assets最好用來放置樣式、字型檔案和等公共靜態資源,只要src下面的元件中用到的資源就放在assets中

vue2 0的基本使用

指令的使用 v model 雙向模型改變 v text 文字渲染,渲染頁面比較多 v show 控制dom的顯示隱藏 v if 控制dom 判斷 v bind 繫結屬性 v for 迴圈,只要用於列表等 v on 事件繫結 v model 主要是在表單裡面使用。比如文字框 下拉框 單選 複選 tex...

vue2 0學習記錄

1 在main.js可註冊全域性元件,vue.components 元件名稱 元件名 import 元件名 from components 元件檔案 3 元件的標籤名不可與系統的html標籤重複 4 父元件向子元件傳值 父元件有乙個陣列 users 在父元件模板中的子元件標籤中接收 users us...

Vue2 0使用小結

近期第一次使用vue快速開發了一款前端專案,開發效率與便捷性大幅提公升,體驗了一把vue的藝術之道,在此總結下目前所接觸到的vue基礎使用知識,後續會補充遇到的知識點和問題以及解決方案.簡介 vue 是典型mvvm框架,擁有雙向繫結的能力與完整的元件化方案,利用 virtual dom 提供了函式式...