vue
机器猫zhao
这个作者很懒,什么都没留下…
展开
-
父子组件通信-props属性
父组件通过props向下传递数据给子组件; 组件实例的作用域是孤立的,子组件用props选项声明他期望得到的数据。 字面量语法:值是字符串,显示出来是1+1,如果想要传递number数值,在message前面加上v-bind: //创建子组件 var componentChild = Vue.component('child',{ props:['message'],原创 2017-07-04 10:24:52 · 1975 阅读 · 0 评论 -
父子组件通信-$emit
父子组件使用$emit和v-on时,子组件使用$emit触发,父组件在实例中v-on自定义事件监听。 注意:父组件监听子组件触发的事件,不能用$on侦听子组件抛出的事件,而必须在模板里直接用v-on绑定。 下面是官方文档给出的例子: HTML: {{ total }} JS: Vue.component('button-counter', { template: '原创 2017-07-04 10:39:24 · 9409 阅读 · 0 评论 -
非父子组件通信-$on和$emit
非父子组件通信:通过 event bus ,在一个组件创建时的钩子函数中监听 某个事件,而在需要与其进行通信的组件中触发这个函数,同时交换数据 HTML: JS: (1)创建一个中转站,空的vue实例 var eventBus = new Vue({}); (2)//创建一个组件foo:去监听bar组件触发的函数,同时自己去触发bar组件的事件 var foo = {原创 2017-07-04 11:04:31 · 3157 阅读 · 0 评论 -
表单控件绑定v-model
v-model:负责监听用户的输入事件以更新数据. (1)文本 Message is: {{ message }} (2)多行文本 Multiline message is: {{ message }} (3)复选框 一个复选框,可以绑定逻辑值 {{ checked }} 多个勾选,绑定到数组 Jack John Mike Checked names: {{原创 2017-07-04 16:24:52 · 3327 阅读 · 0 评论 -
vue生命周期面试题
1、什么是vue生命周期? 答: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 2、vue生命周期的作用是什么? 答:它的生命周期中有多个事件钩子,让我们在控制整个Vue实例的过程时更容易形成好的逻辑。 3、vue生命周期总共有几个阶段? 答:它可以总共分为8个阶原创 2017-10-26 15:33:21 · 13562 阅读 · 0 评论 -
关于Vue-cli npm run build生产环境打包,本地不能打开问题
问题:Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.解释:npm run dev是开发环境, npm run build是生产环境, 在开发环境完成代码和测试, 之后用生产环境生成代码,执行npm run build 命令后,会生成dis...原创 2018-05-18 10:06:18 · 28615 阅读 · 9 评论 -
vue-devtools 安装时npm run build 报错
最新版github上下载vue-devtools, npm run dev 报错,解决办法1、先去github上下载vue-devtools,下载好压缩包后解压2、进入解压目录,在命令行(当前目录下)输入npm install(cnpm install) 安装依赖。3、npm run build 后可以看到 shells => Chrome下出现build文件夹。注意:最最新版可能在bui...原创 2018-04-28 09:40:28 · 18390 阅读 · 7 评论