-
{red:isRed}表示是否展现 [classA,classB]表示两个值 [classA,{classb:isb,classC,isC}]展现第一个值,是否展现第二个值查看全部
-
export default{data(){}} = new Vue({data: {}}) 这里我讲的不够细,也跟当时理解得不深有关。一个vue项目制new Vue一次,通常是在main.js里,这次实例化的Vue对象是根组件,其他的子组件都是通过配置文件的方式一层一层的叠加上的,通过vue组件配置进行叠加的子组件,其实是vue的一种省略机制,它避免了你每次都去实例化子组件。 vue-cli生成的项目脚手架里,通过webpack配置很好的处理了这些问题,每个单文件组件 *。vue js输出的就是一份配置,就足够了,最终他们都会汇总到app.vue,app.vue再在main.js里实例化,也就是说这套脚手架里面只有一个实例化对象。查看全部
-
跑项目:nom run dev查看全部
-
npm install查看全部
-
vue组件的通信 父组件向子组件传递,在子组件种使用props属性接受值查看全部
-
new Vue({ // 数据 data: function() { return { a:1 } }, // 方法 methods: { doSomething: function() { } }, // 监听数据对象变化的时候做相应的处理 watch: function() { } }); 模板指令: html和vue对象的粘合剂 事件绑定:v-on:click 简写:@click 属性绑定:v-bind:class 简写::class []的数据直接展示,{}执行js操作之后展示 v-text: 渲染数据 v-if: 控制显示 v-for: 循环渲染查看全部
-
.vue由三个部分组成 <template> => .html <script> => .js <style> => .css查看全部
-
import是ES6的一个语法 import App from '/App' //与下面这行等价 var App=require('/App')查看全部
-
methods watch(监听)查看全部
-
methods:{ doSome:function(){ console.log(this.a); } }查看全部
-
在Vue2.0中,想按照此教程,需要在安装webpack步骤时如若要安装Vue1.0,使用:vue init webpack#1.0 my-project查看全部
-
vue属性、指令查看全部
-
vuejs组件引用 整体页面引用app.vue 在app.vue中引用header.vue,footer.vue等,并且引入后必须要注册(components:[])查看全部
-
vue初始化查看全部
-
数据渲染: v-text="a" v-html="a" {{ a }} 控制模块隐藏: v-if="a",直接不渲染 v-show="a",设置css的display为none 渲染循环列表: v-for='item in items' 事件绑定: v-on:click="dothis",简写为@click="doThis",doThis为methods里面的方法 属性绑定: v-bind:src="....."简写为:src="..."查看全部
举报
0/150
提交
取消