-
1.webpack 打包编译。 2.脚手架工具查看全部
-
需要对ES6有初步的了解查看全部
-
开发环境搭建和脚手架 重点查看全部
-
10秒看懂vue.js查看全部
-
vuejs组件名如果是驼峰命名方式,在html中引用时要将其转换为‘-’形式的写法。查看全部
-
import 等价于require(),ES6语法查看全部
-
vue.js组件属性 new vue({ data:{ a: 1, isShow: true, items: { { label:"apple" }, { label: "pen" } } }, methods:{ doA: function () { this.a++ } }, watch:{ "a": function (val,oldVal) { console.log(val,oldVal) } } }) 模板指令 1.数据渲染 <p v-text="a"></p> <p v-html="a"></p> // 结构一并 <p>{{a}}</p> 2.控制显示 <p v-if="isShow"></p> <p v-show="isShow"></p> // display:none 3.绑定事件 <button v-on:click="doA"></button> <button @click="doA"></button> 4.循环渲染 <ul> <li v-for="item in items"> <p v-text="item.label"></p> </li> </ul> 5.属性绑定 <img v-bind:src="imageSrc"> // 字符串 <div :class="{red: isRed}"></div> // 布尔值 <div :class="[classA, classB]"></div> // 字符串 <div :class="[classA, {classB: isClassB, classC: isClassC}]"></div>查看全部
-
后期开发都是在src目录下进行的,下面有个App.vue查看全部
-
本章小结查看全部
-
v-bind 指令查看全部
-
Vue事件 监听查看全部
-
从*.vue到页面查看全部
-
全局安装vue-cli cnpm install -g vue-cli查看全部
-
Vue.js 利用v-model 实现双向绑定查看全部
-
自定义事件查看全部
举报
0/150
提交
取消