vue
forwardMyLife
只争朝夕
展开
-
vue的render函数用法
1.render简介 前面我们的组件的模板都是在模板里写的(template),模板最后都会被vue编译成virtual dom(虚拟dom),在某些情况下模板可能不好用,例如需要实现一个动态的文章标题,根据父组件的level属性,动态的渲染成h1~hx标签,用模板写部分代码如下。 <article-header :level="1">Hello world</article-h...原创 2019-10-19 20:33:08 · 3458 阅读 · 0 评论 -
vue 打包项目部署到nginx
1.修改vue项目的config下的index.js(修改assetsPublicPath:’./’ ,否则会出现404) 2.打包项目 npm run build 3.部署 3.location匹配的根目录指向生成的dist文件即可 4.启动nginx ...原创 2019-03-29 20:47:00 · 1567 阅读 · 0 评论 -
vue-插槽
1.插槽 了解插槽的使用之前,首先要了解组件,插槽可以用来合成组件,父组件可以很灵活的修改子组件的内容。 2.标签用法 custom-input组件中的内容会替代模板中slot标签的内容, <div id="app"> <custom-input> vue </custom-input> </div> <...原创 2019-09-20 23:41:50 · 107 阅读 · 0 评论 -
vue的v-bind的使用
绑定属性值 v-bind能将属性值和变量进行动态的绑定。 语法使用v-bind:属性名,或者:属性名。当变量改变时,对应的属性也会改变,但是这个绑定是单向的,即改变变量会改变对应的属性值,如果直接改变html元素的属性值,变量的值不会变,如果要实现双向绑定的话,在可以使用v-model,或者自己监听事件。 <div id="app"> <p> the message'...原创 2019-09-28 17:25:32 · 375 阅读 · 0 评论 -
vue的组件
1.组件 组件是vue的核心内容,良好的组件设计让代码易于复用和继承。 组件属性也有:data,computed,watch,methods,没有像el这样的根实例特有的属性。 一般的组件如下。使用vue.component定义的组件都是全局组件。 Vue.component('component-a',{ props:['name'], template:'<p>co...原创 2019-09-28 23:43:00 · 120 阅读 · 0 评论