codesWay的博客

直接上代码：var app = {sanfu:"vueJS是一个好框架"} var vm = new Vue({ el:"#container", data:app }) //除了 data 属性， Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $。也就是说vue实例 //可以访问构造函数里面的属性，但必须前面加上$,以作和代理的data属

父子组件间的通信（在这里父组件就是你自定义的标签，子组件就是父组件template里面的内容），父组件通过props选项向子组件传递参数或数据，子组件接收到参数后根据参数的不同来执行不同的操作。也就是说，在组件中使用props选项来声明需要从父组件接受的数据（通俗点说就是，组件在注册的时候通过props选项声明子组件（template所指）需要从父组件中接受的数据），props选项的值可以是字符串

在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息，那么什么是父子组件呢，就是一个组件里面包含着另一个组件么？？

“组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码”，设个是官网中对组件的评价，在这里也可以看出组件在vue中的地位......组件当然是用来用的，但是在用之前你首先得定义（注册）一个组件，不然的话，你用什么？？注册组件组件的注册可以分为两种全局注册和局部注册，下面对两种注册方法进行一下分析和辨别：1.全局注册：注

父传子是单向的，子会因父的改变而改变，但父并不会因子的改变而改变。这是由于Vue.js怕父的数据会被使用者在不知情的情况下改变。但是，子还是可以绕一个圈，把自己的数据传给父。途径：自定义事件。在解释子数据传给父之前，必须先要对事件有一个了解。所谓事件，就是触发JS代码的“动作”，比如，点击（click）， 输入（input）等等。 Vue.js 使用v-on

vuejs中的事件绑定，使用v-on:事件名 = 函数名来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法；如果定义的函数有参数，那么你可以像原生js那样把参数携带进来就可以了在，注意引号；如下所示：点我有变化//click事件名，clickFun是在methods中定义的方法；Vuejs还为我们定义了一些修饰符；通过由点(.)表示的指令后缀

vuejs和表单元素之间的双向绑定是通过v-model实现的，当然表单有很多种元素，下面就让我们看一下在不同的表单元素之间是怎么实现双向绑定的吧；数据绑定-单行文本你输入的内容是:{{datas}}传统的输入框扳绑定，不再赘述；数据绑定多行文本 文本域中输入的内容是：{{message}} {{mes}} 绑定的是一个文本域，你也许会发现上面的例子将来文本域中到底会显

顾名思义，就是根据条件的不同来渲染，只有当条件为真的时候才显示：总结之......1.就是v-if，v-else，v-else-if之间的关系，只有其中某一个的值为真的时候才会渲染，但是有一点要注意的是，v-else，v-else-if必须要紧跟着v-if或者v-else-if之后才行，否则vuejs将不会识别2.template元素通常可以作为包装元素，包装一个元素块（里面可以有多个

过滤器，说实话其主要的目的就是处理文本的--将文本按照一定得格式输出出来，或者表现出来；来满足各种各样的文本需求，按照官方的话就是：可被用作一些常见的文本转换（格式化，因为可以复用）例如：过滤器可以用在哪里？两个地方：mustache 插值和 v-bind 表达式。过滤器也是可以串联的，串联的方式也是利用管道符，顾名思义就是前一个过滤器处理好的输出作为后一个过滤器的输入

vue指令和插值 {{infor.name}} {{infor.name}} {{infor.name+"adafa"}} {{infor.judge?infor.name:infor.sec}} {{infor.ABC.split("").join(",")+Math.random()}} 百度一下

一看见循环，我们就自然就想到了for循环，所以这里讲的就是v-for的故事,废话少说--总结之：1.其实v-for的语法格式为v-for = item in（of）items，在这里items可以是数组，对象等等，item是子自己定义的 ，表示items中的元素或者子项；2.源数据是数组的话，还可以 v-for = (item,[index]) in（of） items 在这里inde

数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们，在 v-bind 用于 class 和 style 时，表达式的结果类型除了字符串之外，还可以是对象或数组。直接上代码： 绑定class .addback{ background:#fff; } .fontColor{ color:

用Vue框架，熟悉它的生命周期可以让开发更好的进行。首先先看看官网的图，详细的给出了vue的生命周期:它可以总共分为8个阶段：beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,beforeUpdate（更新前）,updated（更新后）,bef

先说说对官网上“计算属性”的理解：为啥要利用计算属性?是为了来应对复杂计算的挑战，一般情况下，对于简单的模板，因为逻辑比较简单，所以就直接用就行了，但是如果要对模板中的表达式做复杂的处理，而且要用到多个地方，如果直接写将会很复杂，而且也不利于维护，所以“计算属性”就是为了解决这个问题而生的（个人观点）先看代码：Html部分 {{datas}} {{slicefun}}

正如官网教程上所说，“Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM”，确实，vue的模板相对于angular等确实很简洁--var vue = new Vue({ el:"#container", data:{ datas:"开始学习新的框架了！", status:false, dataObj:{ date:new Date(Date.now

以前总是搞不懂，到底啥是父组件，啥是子组件，踩过了许多坑，到现在终于明白了一些。现总结如下（可能有不对的地方，还望多多指正）：1.任何全局定义的自定义组件都是作为根组件root(看不到而已)的子组件的。2.不考虑环境，单纯的说某某组件是父组件是不合理的，一切都是相对的，一个自定义组件相对于根组件root就是root的子组件，但是相对于template就是template的父组件。为什么