- 博客(17)
- 资源 (4)
- 收藏
- 关注
原创 Vuejs--13创建Vue时template和el的关系、VUE文件来封装组件
1、创建Vue时template和el的关系当template和el并存。编译执行时template会取代挂载el<div id="app"></div>new Vue({ el:"#app", template:` <div> <div>{{msg}}</div> <div>测试替换&l...
2020-03-29 22:32:15 217
原创 Vuejs--12 webpack vue安装
去查看webpack打包后的js文件。发现其中存在ES6语法并没有转成ES5语法而部分浏览器目前不支持ES6。此时需要转ES5。babel-loader安装npm install --save-dev babel-loader@7 babel-core babel-preset-es2015配置{test: /.js$/,exclude: /(node_modules|bower...
2020-03-27 19:08:03 130
原创 Vuejs11--webpack loader-css、style、url、file和语法处理(babel)
什么是loaderwebpack的用来作什么webpack会自动处理js相关的依赖。但是在开发中还需要加载css、图片也包括一些高级ES6转化成ES5的代码,将scss、less转成css,将jsx、.vue转成js文件等,对于webpack本身的能力来说。对于这些是不支持的。但是webpack来扩展对应的loader即可导入require(“路径”)require("./css/fir...
2020-03-27 17:59:00 187
原创 Vuejs10--webpack
webpack:是一个现在的JavaScript应用的静态模块-打包工具模块的规范化,常见的规范化有CommonJS、AMD、CMD和ES6的Modules浏览器只支持ES6的Modules模规范化,webpack则可以CommonJS、AMD、CMD打包成浏览器支持的模块规范化webpack 、node、 npm 关系webpack正常运行必须依赖node运行环境;node为了可以正...
2020-03-27 13:03:48 125
原创 Vuejs09--模块化
模块化:导入、导出在以为的就是js中通过闭合函数来实现,这样就不会出现多个js文件中变量的冲突。通过return返回对象来使用。 var model=(function(){ var obj={}; obj.name="xusx"; obj.test=function(){ console.log("测试") } return obj; })...
2020-03-26 18:47:56 152
原创 Vuejs08--slot插槽
slot插槽当你需要一些其他功能时,可以通过插槽来扩展。让我们封装的组件更具有扩展性1、默认插槽:slot 标签定义插槽。使用时在定义的模板标签之间写入的标签会传入到slot(即代替slot)当在slot标签之间有标签。其为slot的默认值。当有其他标签传递过来时会替代默认值。 <mydiv></mydiv> <mydiv> <h1&...
2020-03-26 16:01:53 149
原创 Vuejs07--组件访问
一、父组件访问子组件1、$chilldren获得子组件对象:VueComponent数据类型:数组(存在多个子组件)缺点:通过数组下标去拿,如果数组发生变化,下标值所对应的对象也发生变化。然后出现了 $refs<mydiv></mydiv> <button @click="getChildren">获得子组件</button> 父...
2020-03-25 13:02:00 108
原创 vue06--组件化
一、组件化组件化思想:将一个大的东西拆分成无数小的东西。然后小东西之间相互组合在变成一个需要的东西拿来使用,也或者直接复用小东西。本质:拆分、组合、复用1、组件构造器定义Vue.extend参数:模板内容template:定义模板内容。要显示的HTML代码const myDiv=Vue.extend({ template:`<div> <div&...
2020-03-23 16:52:03 146
原创 js数组的几个高阶函数
filter:遍历数组中的每一个元素,当返回true时放入到一个新的数组中回调函数:n即为数组中的每一个元素 var num=[10,20,30,40,50] var newNum=num.filter(function(n){ return n<30 }) console.log(newNum)map:遍历数组中的每一个元素,放入到一个新创建的数组中回调函数:...
2020-03-23 10:09:39 156
原创 Vue05--v-if、v-show、filters(过滤器)、v-model
v-if v-else-if v-else条件判断。当其为true是会渲染数据和显示dom元素。否则不会显示。<div v-if="fSize==10">显示true</div> <div v-else-if="fSize<10">显示else </div> <div v-else>显示false</div>...
2020-03-23 09:39:42 1157
原创 js字面量创建对象
//ES6 const name='xusxxx'; const run=function(){ } const person3={ name, run } // ES5 var person={ name:'xusx', run:function(){ } } var person2={...
2020-03-22 10:56:24 312
原创 Vuejs04--v-once、v-html、v-text、v-pre、v-cloak、v-bind、v-bind 样式、computed 计算属性
vue基本指令学习
2020-03-20 19:06:59 378 1
转载 Vuejs03--声明周期
一、Vue 生命周期Vue的生命周期即是实例从创建到销毁的一个过程。之前在学习Vue的时候,看过官网的教程,但是经常用到的是mounted,所以对其他生命周期方法不是很熟悉,这里有空做个总结,也方便以后查阅。二、Vue生命周期方法主要方法有:beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,beforeDestroy,...
2020-03-20 10:28:49 133
原创 Vuejs02--单数据、多数据v-for、事件监听--点击事件
语法单数据:<div id="app"> {{messgae}}</div></body><script>/*特点:数据和元素分离 以前:命令式编程 现在 :声明式编程 let与const */ const app=new Vue({ el:"#app", // 挂载需要管理的元素--将数...
2020-03-20 09:55:37 723
原创 Vuejs01--安装&&HelloWorld
Vue渐进式框架渐进式意味着你可以将Vue作为你应用的一部分嵌入其中。或着你希望将更多的业务逻辑用Vue实现。那么Vue的核心库及其生态系统比如Core+Vue-router+Vuex 可满足你各种各样的需求安装直接CDN引入 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">(开发环境版本。包含...
2020-03-19 16:15:44 121
原创 node.js笔记
一、查看版本node与npm 版本node -vnpm -v二、Npm 版本升级npm i -g npm(升级到最新版)npm i -g npm@版本号(升级到指定版本)三、安装遇到的错误1、npm ERR! Error: CERT_UNTRUSTEDnpm config set strict-ssl false2、npm warn package.json ...
2020-03-17 13:02:27 196
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人