摘要: 组件的案例,可通过案例更好的学习组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial 阅读全文
posted @ 2020-08-19 15:40 _Miao 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 组件是可复用的vue实例,并且带有一个名字;可以在Vue根实例中定义,在html中调用 组件注册:可分为全局注册和局部注册 全局注册: Vue.component('组件名1',{ data:function(){ //data必须是函数的形式 return{count:0} }, template 阅读全文
posted @ 2020-08-19 15:39 _Miao 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 保存一些简单的路由案例,可以通过案例来学习 1.路由基础 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-widt 阅读全文
posted @ 2020-08-19 14:42 _Miao 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 路由:路由是一个比较广义和抽象的概念,其本质就是对应关系;它分为前端路由和后端路由; 后端路由:指根据不同的用户URL请求,返回不同的内容;本质就是URL请求地址与服务器资源之间的对应关系; 后端渲染(存在性能问题) Ajax前端渲染(前端渲染提高性能,但是不支持浏览器的前进后退操作) SPA(Si 阅读全文
posted @ 2020-07-12 18:32 _Miao 阅读(144) 评论(0) 推荐(0) 编辑
摘要: Vue常用特性:表单操作、自定义指令、计算属性、过滤器、侦听器、生命周期 表单操作:使用v-model进行双向绑定 表单操作分别有单行文本(text)、多行文本(textarea)、下拉多选(select)、单选框(radio)、多选框(checkbox)等; 提交可使用input:submit标签 阅读全文
posted @ 2020-07-12 12:13 _Miao 阅读(169) 评论(0) 推荐(0) 编辑
摘要: v-cloak:用于解决插值表达式的”闪动“问题,原理是先隐藏内容,在内存中进行值的替换,替换好值后再显示最终效果; 用法: /*1.提供CSS样式*/ [c-cloak]{ display:nonel } /*2.在插值表达式所在标签添加指令*/ <div v-cloak>{{msg}}</div 阅读全文
posted @ 2020-07-11 23:14 _Miao 阅读(180) 评论(0) 推荐(0) 编辑
摘要: Vue:它是一套用于构建用户界面的渐进式框架。可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易上手,还方便与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页面应用提供驱动。 特点: 易用:熟悉HTML、CSS、JavaScript后 阅读全文
posted @ 2020-07-11 18:34 _Miao 阅读(110) 评论(0) 推荐(0) 编辑
摘要: 基本使用: 一个Hello Vue实例: <div id="app"> {{msg}} </div> <script> var vm = new Vue({ el:'#app', data:{ msg:'Hello Vue' } }) </script> 其中: el表示元素挂载位置,值可以是CSS 阅读全文
posted @ 2020-07-11 18:33 _Miao 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 一个比较适合移动端的初始化代码 阅读全文
posted @ 2020-07-09 00:19 _Miao 阅读(388) 评论(0) 推荐(0) 编辑
摘要: 按照normalize.css的初始化模板,对其注释进行翻译,方便查看。 阅读全文
posted @ 2020-07-07 01:41 _Miao 阅读(432) 评论(0) 推荐(0) 编辑