- 博客(6)
- 问答 (1)
- 收藏
- 关注
原创 Vue响应式
深入Vue响应式1.什么是Vue的响应式把一个普通的JS对象,传入到Vue实例作为数据模型data选项时,当你修改它们的时候,视图会重新render。也就是说,当你修改data里面的数据的时候,视图也会变化。//<div>{{message}}</div>const vm = new Vue({ data() { return { &
2021-04-02 16:51:03
232
原创 vue创建组件的三种形式
vue创建组件的三种方法1.直接导入vue文件// 1.导入vue文件import Demo from './Demo.vue'// 2.注册组件并使用new Vue({ components: { FirstDemo: Demo } data: { n: 0 }, // 实例中的data可以是一个对
2021-03-19 10:41:32
421
原创 vue的两个版本(完整版和非完整版)
vue的两个版本完整版和非完整版完整版vue的完整版是包含运行时的版本。完整版是包含compiler(编译器),视图是可以写在 HTML或者template中,运行的时候,直接创建vue实例,渲染,以及处理虚拟DOM中的代码,不用再编译。文件名是vue.js,还有一个运行时的版本vue.min.js。 // 在HTML中引入完整版vue.js <script src="https://cdn.bootcdn.net/ajax/libs/vue/2
2021-03-17 16:42:46
913
原创 计算容器中间固定高度的两种方法
计算容器中间固定高度的两种方法1. 使用clac计算属性来计算容器的高度步骤:给最外层的父容器设置一个100%的视口高度(viewport height):100vh中间父容器的高度 = calc(100% - (容器底部元素占用的高度 + 容器顶部元素占用的高度))如图所示:则上图中的middleWrapper的高度为:calc(100%-96px)2.使用定位来计算中间容器的高度步骤:给最外层的父容器设置一个相对定位:position:relative给中间容器设置一个绝对定
2020-10-29 16:25:48
718
原创 npm和cnpm的切换
npm和cnpm的切换使用1.npm切换cnpmnpm切换成cnpmnpm config set registry https://registry.npm.taobao.org查看是否切换成功npm config get registry查看是否切换成功,成功则会显示https://registry.npm.taobao.org/2.cnpm切换npmcnpm切换成npmnpm config set registry https://registry.npmjs.org查看是
2020-07-30 10:19:11
2936
空空如也
创建vue组件过程中,无错误提示,却显示不出
2019-06-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人