![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
vue框架相关 脚手架
学不懂前端的臭弟弟
。。。
展开
-
DOM基础回顾
DOM 专门操作网页内容的一套对象和函数的标准除IE8 几乎所有浏览器 都兼容DOM标准DOM 五件事:增删改查 事件绑定DOM树一个网页所有内容 在内存中都存储在一个树型结构上属性结构是最直观的存储上下级嵌套关系的结构当浏览器获得一个网页要加载时 先在内存中创建一个唯一的树根节点document顺序扫描网页内容 每扫描到一项网页内容(元素文本属性注释,。。。)就会在DOM树上对应...原创 2019-11-19 13:13:54 · 227 阅读 · 0 评论 -
VUE基础回顾
vue是渐进式的基于MVVM的纯前端框架1.渐进式:可随意和其他技术混搭全家桶:必须完整使用所有组件 很难喝其他技术混搭2.基于MVVM:3.纯前端:只靠浏览器就可以运行不需要后端技术4.框架:已经拥有核心功能的半成品代码从根本上简化了步骤所有已数据操作为主的项目 都可以用vue框架使用vue引入vue.js定义界面所有的界面内容都要放在一个统一的父元素内界面中可能变化的位置...原创 2019-11-19 13:12:32 · 201 阅读 · 0 评论 -
Vue笔记五:Vue组件
Vue组件是可重用的Vue实例组件component拥有专属的HTML CSS JS和数据的页面独立功能区域组件代码具有很高的重用性只要页面中存在需要被反复使用的功能区域 都要定义为组件创建组件Vue.component(“组件名”,{template:“在唯一的父元素下创建模板html片段”,data(){return {//相当于newVue的data}},methods:{...原创 2019-11-15 17:13:50 · 146 阅读 · 0 评论 -
Vue笔记四: 绑定class&样式
绑定样式1.绑定内联样式a.将style当成一个普通的字符串属性进行绑定html中 <元素 :style=“变量”>js中 data:{变量:“样式属性:值”}问题在于:不便于操作其中某一个css属性的值b.绑定内联样式最好使用对象形式html中 <元素 :style="{样式属性:变量,…}">js中 data:{变量:值}问题 data中的变量过多 ...原创 2019-11-15 12:05:42 · 113 阅读 · 0 评论 -
Vue笔记三:计算属性 监听器 过滤器
通过new Vue()创建的vue实例 具有以下属性和方法data(){ return { //存放数据 }}methods:{//存放事件处理函数}computed:{//计算属性}watch:{//监听器}实例生命周期钩子函数计算属性计算属性通常用于 自己不保存属性值而是根据其他属性值动态计算结果时,只要页面上需要的属性值后端或内存中没有直接可用的数据!new Vue({com...原创 2019-11-15 11:54:24 · 169 阅读 · 0 评论 -
Vue笔记二:Vue基本语法及指令
Vue实例new Vue() 方法用于创建一个vue实例一个Vue应用由至少一个vue实例作为根组件 以及可选的多个嵌套组件组成Vue绑定语法Vue 使用基于HTML的模板语法 ,当然也可以不用模板直接写渲染(render)函数使用JSX语法,此处不做讨论文本插值在html 文本 中标记可能发生变化的位置的{{变量}}语法 —— Mustache语法只要元素的文本内容中某个位置...原创 2019-11-15 11:29:29 · 192 阅读 · 0 评论 -
Vue笔记一:Vue是什么
PS: Vue文档阅读记录什么是VUEvue是渐进式的基于MVVM的纯前端框架1.渐进式:可随意和其他技术混搭全家桶:必须完整使用所有组件 很难喝其他技术混搭2.基于MVVM:3.纯前端:只靠浏览器就可以运行不需要后端技术4.框架:已经拥有核心功能的半成品代码从根本上简化了步骤所有以数据操作为主的项目 都可以用vue框架MVVM模式MVVM框架:1.传统前端将程序分为三部...原创 2019-11-15 10:19:04 · 279 阅读 · 0 评论