![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
莹酱不想秃头
这个作者很懒,什么都没留下…
展开
-
使用vue-cli搭建vue项目
PS:想要使用vue-cli来搭建vue项目,前提是搭建好NodeJS环境,没有搭建好的话,移步这里传送门 1、什么是vue-cli? vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下: vue init webpack xxx 注1:xxx 为自己创建项目的名称 注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境 2. 安装vue-cli 执行这两项指令 npm install -g vue-cli npm inst原创 2020-08-19 14:17:10 · 157 阅读 · 0 评论 -
vue路由
1. SPA是什么 单页Web应用(single page application,SPA),就是只有一个Web页面的应用, 是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序 单页面应用程序: 只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中 传统多页面应用程序: 对于传统的多页面应用程序来说, 每次请求服务器返回的都是一个完整的页面 优势 减少了请原创 2020-08-15 20:10:57 · 75 阅读 · 0 评论 -
Vue语法2
样式绑定 <style type="text/css"> .a { color: aqua; } .b { color: pink; } .c { font-size: 50px; } </style> <li> <h3>样式绑定</h3> <span :class="aClz">嘟嘟</span><br /> &原创 2020-08-15 09:06:59 · 90 阅读 · 0 评论 -
Vue语法
一. 模板语法 1、插值 1.1文本 <p> 1.1 文本 title={{title}},ts={{ts}} </p> var vm=new Vue({ el:'#app', data:function(){ return{ title:'hello Vue', ts:new Date().getTime(), } }, 1.2html <li>1.2 html</li>原创 2020-08-14 11:00:29 · 96 阅读 · 0 评论