Vue学习笔记

了解Vue
1、 {{}} 插值绑定
2、v-html 插入html文
3、v-model 数据双向绑定
4、v-on:click 事件绑定
5、@click 事件绑定缩写
6、v-bind:value 属性绑定
7、v-bind:href 属性绑定
8、computed 计算属性
Vue的指令
9、v-if 判断语句
10、v-else-if 判断语句
11、v-else 判断语句
10、v-on: submit.prevent 事件默认阻止
11、v-for 循环语句
12、todos.push() 数据的增加
13、Template 模块
14、v-show 显示或者隐藏
15、v-bind:title 属性绑定
16、v-bind:class="[ ]" 类绑定
17、v-bind:style 样式绑定
18、v-model 如何收集表单数据
19、v-model.lazy 修饰符，离开文本框才显示
20、v-model.number 字符直接转化为数字
21、 v-model.trim 去除双边空格
22、push和splice 去除
Vue事件处理
23、v-on:click.stop 停止冒泡
24、v-on:click.prevent 阻止默认事件
25、

使用webpack
1、安装webpack
npm install webpack --save-dev
2、安装webpack-cli脚手架
npm install webpack-cli -g
3、安装启动服务器
npm install webpack-dev-server --save-dev
4.安装 vant组件库
npm i vant@next -S
5、安装插件
npm i babel -plugin-import -D
6、启动webpack
$cd cookbook
$yarn serve
或者
$cd cookbook
$npm run dev
7、css加载器
npm install css -loader -save-dev
8、css加载器
npm install style-loader -save-dev
9、http请求优加载器
npm install url-loader -save-dev
npm install file-loader -save-dev
10、插件css单独打包
npm install --save-dev mini-css-extrac-plugin