![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 3454 阅读 · 0 评论 -
vue 打包项目部署到nginx
1.修改vue项目的config下的index.js(修改assetsPublicPath:’./’ ,否则会出现404)2.打包项目npm run build3.部署3.location匹配的根目录指向生成的dist文件即可4.启动nginx...原创 2019-03-29 20:47:00 · 1565 阅读 · 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 评论