![](https://img-blog.csdnimg.cn/20190927151132530.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE绽放
深入Vue.js生态,本专栏带你领略响应式UI的构建之美。从基础语法到高级应用,逐步揭开Vue组件化开发和状态管理的面纱。一起提升单页面应用的开发体验和性能表现。
ChanFFF
这个作者很懒,什么都没留下…
展开
-
Vue-cli搭建项目访问出现Invalid Host header
Vue-cli搭建项目访问出现Invalid Host header 原因:是因为新版webpack-dev-serve的安全机制,会检查hostname。 解决方法:关闭HostCheck进入项目build文件夹,打开webpack.dev.conf.js文件,在devServer配置项添加:disableHostCheck: true...原创 2019-06-30 13:23:57 · 205 阅读 · 0 评论 -
vue单组件css样式中的scoped
先上代码:<style lang="less" scoped> .hello{ color: red; }</style>scoped:标记当前样式是局部作用域样式:说明这里面写的样式只有当前组件可以使用当样式渲染到页面中会生成带有data-v 后加一串随机字符的属性该串随机的字符就是当前DOM元素的属性类名vue单组...原创 2019-07-01 02:58:52 · 256 阅读 · 0 评论 -
Vue.componen的缺点和单文件组件
Vue的单文件组件和component首先看下Vue.component的缺点:全局定义(Global defintions) 强制要求每个component中的命名不能重复字符串模板(String templates) 没有语法高亮,在HTML编辑多行的时候不方便不支持CSS(No CSS suport) HTML和JavaScript组件化时,CSS明显被遗漏(权重太低)没有构建...原创 2019-07-01 03:18:40 · 703 阅读 · 0 评论 -
使用vue-cli脚手架搭建项目
使用vue-cli脚手架搭建项目下载安装:npm install -g @vue/cli在你想要搭建的目录下运行脚手架:vue create 项目名称(注意项目名称不能包含大写字母)选择手动配置勾选babel,css,linter/Formatter,其他不勾css预处理器看个人所需eslint选择标准模式(标准模式下,会报错但是不会阻止编译)Lint on save表示...原创 2019-07-01 10:53:08 · 149 阅读 · 0 评论