weixin_57346222的博客

ref：被用来给元素或子组件注册引用信息。即给标签添加ref属性。<script> <button ref="ref属性名"></button></script>在组件中的mounted钩子函数中可以用console.log获取到加了的ref属性的标签的集合。<script> <!--一个对象中的$refs持有注册过ref属性的所有DOM元素和组件实例--> conslole.log(this.

1.beforeCreate函数：<script> beforeCreate:function(){ <!--组件创建之前调用该函数--> }</script>2.created函数：<script> <!--组件的数据挂载发生在这里--> created:function(){ <!--组件创建之后，使用该组件就会调用该函数

插槽：内置组件，<slot>元素是承载分发内容的出口。匿名插槽：子组件：（定义一个全局组件Vbtn 在当前例子中，该组件Vbtn为子组件，在这里用props选项设置属性值type，运用组件中的通信 子组件-->父组件传值）<style> /*default和样式1和样式2都是完全不一样的样式*/ .default{ ...... } .样式1{ ...... } .样式2..

父组件-->子组件通信：1.先给父组件中绑定自定义的属性。2.在子组件中使用props接受父组件传递的数据。3.这时候父组件传递的数据可以在子组件中任意使用。子组件：<script> Vue.component('Child',{ template:' <div> <p>我是一个孩子组件</p> .

在开发中，路由分为后端路由和前端路由。后端路由，根据不同的用户URL请求，返回不同的内容，后端路由的本质就是URL请求地址与服务器资源之间的对应关系。后端路由根据不同的URL地址分发不同的资源。前端路由，根据不同的用户事件，显示不同的页面内容。本质就是用户事件与事件处理函数之间的对应关系。前端路由负责事件监听，触发事件之后，通过事件函数渲染不同内容。ajax前端渲染，前端渲染提供性能，但是不支持浏览器的前进后退操作SPA——单页面应用，不仅页面交互无刷新，甚至页面跳转也可以无刷新，前端路

1.过滤器（filters选项）：用于定义在当前组件或实例作用域中可用的过滤器。可在双括号插值中添加在JavaScript表达式的尾部，以管道符号“|”与表达式隔开，表达式的值将作为参数传入filters中。<h1>{{ title }}</h1><h1>{{ titile | supplyTitle1 }}</h1><!--存在多个filter时，将从左向右执行，并将上一次过滤的结果作为下一次过滤的输入值--><h

1.axios介绍：axios是一个基于Promise用于浏览器和node.js的HTTP客户端。向axios传递相关配置来创建请求：axios({ methods:'...', //若没有指定，默认为GET方法 url:'...', //请求的服务器url data{ ......, //请求主体被发送的数据 ......, } baseURL:'...', //自动加到url前面

1.el选项：指定被挂载元素，属性值仅限于CSS选择器或者DOM节点对象。这里推荐使用以下语法：el:"选择器" //挂载点2.template选项：语法：template:"<标签>......</标签>" //模板节点创建新的DOM节点并将替换原有的DOM节点可以放在实例中，也可以放在组件中。3.渲染函数render选项：使用在组件中，语法如下：render:function(createElement){

1.数据选项：data:{ 数据名:数据 ......}, //对象类型data(){ return{ 数据名:数据, ...... }}, //函数类型(在组件(Vue.component)中，数据选项必须使用函数类型)2.属性选项（在组件中使用）：props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许..

1.插值绑定文本插值-----{{ ... }}用双大括号将要绑定的变量，值，表达式括住就可以实现，vue将会获取计算后的值，并以文本的形式将其展示出来。HTML插值----- v-htmlvar vm=new Vue({ el:'#app'， data(){ blog:kobe, }})<script><div id="app"> <div v-html="blog"></div>

win10的vue环境搭建