![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE学习
文章平均质量分 76
VUE学习
丨Anna丨
这个作者很懒,什么都没留下…
展开
-
Tomcat发布VUE CLI2项目详细及问题
Tomcat发布VUE CLI2项目详细及问题1发布过程1.1 修改配置: build/webpack.prod.conf.jsoutput: { publicPath: '/xxx/' //打包文件夹的名称}1.2项目根目录执行npm run build重新打包npm run build打包完成后根目录生成一个dist文件,1.3修改 dist 文件夹为项目名称: xxx1.4 将 xxx 拷贝到运行的 tomcat 的 webapps 目录下...原创 2021-05-12 10:55:27 · 388 阅读 · 2 评论 -
VUE学习(五)-Class 与 Style 绑定
VUE学习(五)-Class 与 Style 绑定 在应用界面中, 某个(些)元素的样式是变化的,class/style 绑定就是专门用来实现动态样式效果的技术1class 绑定 (1):class='xxx' (2)表达式xxx是字符串: 'classA' (3)表达式xxx是对象: {classA:isA, classB: isB} ...原创 2019-11-29 15:52:30 · 235 阅读 · 0 评论 -
VUE学习(四)-计算属性与监听器
VUE学习(四)-计算属性与监视1 计算属性1.1什么是计算属性 计算属性一般就是用来通过其他的数据算出一个新数据。一般用于处理在模板中需要多次使用需要通过计算得到新值的情况。1.2 语法 computed: { 计算属性名称: function () { return 返回信息 } }1.3 示例例如:如下所示根据输入各科...原创 2019-11-29 11:50:36 · 191 阅读 · 0 评论 -
VUE学习(三)-常用指令
VUE学习(三)-常用指令1 v-text指令更新元素的textContent。如果要更新部分的textContent,需要使用{{ Mustache }}插值。预期:string示例: <div id="app"> <p v-text="msg"></p> <p>v-te...原创 2019-11-08 17:09:16 · 271 阅读 · 0 评论 -
VUE学习(二)-模板语法
VUE学习(二)-模板语法1 什么是模板语法 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。特点: (1)实现动态的 html 页面 (2)包含了一些 JS 语法代码 a. 双大括号表达式 b. 指令(以 v-开头的自定义标签属性)1.1双大括...原创 2019-11-08 14:35:31 · 611 阅读 · 0 评论 -
VUE学习(一)-介绍及安装vue开发者调试工具(devtools)
VUE学习(一)-介绍及安装vue开发者调试工具(devtools)1 介绍1.1 什么是VUE (1)渐进式 JavaScript 框架 (2)作用: 动态构建用户界面(将后台数据,在前台动态显示)1.2 Vue 的特点 (1)遵循 MVVM 模式 (2) 编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发 (3)它本身只关注...原创 2019-11-07 17:42:55 · 16140 阅读 · 0 评论 -
学习ES6(一)-基础语法
学习ES6(一)-基础语法变量 说明ES6新增变量之前,先说明使用ES5变量var存在的问题新的变量申明方法ES5变量 var存在以下几个问题: 1、可进行重复声明// 1、var可进行重复声明var a = 10;var a = 12;alert(a); 2、无法控制常量不可进行修改// 2、无法控制常亮不可进行修改var ...原创 2019-06-12 02:57:50 · 594 阅读 · 0 评论