![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue的学习
南北老头
一个前端工程师
展开
-
打包
router/index.js 去掉 mode: ‘history’,去除代理3.build/utils.js 下return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:"../../" //添加此字段 })} else { return ['vue-style-loader'].concat(loaders)}..原创 2021-01-28 08:32:46 · 141 阅读 · 0 评论 -
vue 项目适配PC和移动端配置 (两套代码)
vue 项目适配PC和移动端配置 (两套代码)1.首页的配置: 首页用重定向的方式来进行适配的方案: ` const redirectPath = /Android |webos | iphone iPod BlackBerry liPad/i. test (navigator.userAgent) ? '/m_index' : '/p_index';const routes = [{path: ‘/’,redirect:redirectPath}]`2. 路由的配置需要注意原创 2021-01-18 16:32:04 · 3243 阅读 · 0 评论 -
vue面试题重点汇总
vue面试题汇总一、MVVM的理解 MVVM是Model–View–Viewmodel的简称,是一种软件架构模式。 model代表数据模型,也可以在model中定义数据修改和操作的业务逻辑。 view代表UI组件,它负责将数据模型转化为UI展现出来。 viewmodel监听模型数据的改变和控制视图行为、处理用户交互。在MVVM的框架下视图和模型是不能直接通信的。它们通过ViewModel来通信,当数据发生原创 2020-11-14 15:42:19 · 613 阅读 · 0 评论 -
用Vue 对ToDoList 的初步实现
用Vue 对ToDoList 的初步实现1.输入框的实现:<input type="text" v-model="value" @keydown.enter="add">v-model=“value” 用来进行输入数据的双向绑定。@keydown.enter=“add” 用来添加事件。而时间的添加需要考虑很多,暂且考虑到的是输入的值为空怎么办,输入的数据存到哪里。所以data 数据中除了value外还需要一个列表数组(list :[])来存放数据。这样初步的add事件如下:原创 2020-11-09 10:50:11 · 203 阅读 · 0 评论 -
Vue基础——常用指令
Vue基础——常用指令指令:Vue的指令是以v-开头的,作用于页面中的元素,所以需要将指令绑定与元素中,从而达到给绑定的元素添加行为的目的。 语法:<元素标签 v-指令 = “表达式”>1.v-text和v-html v-text 和v-html作用相近,都是更新元素的中的内容,可以理解为innertext和innerHTML,而不能一味的滥用这两个指令 ,如果需要更新的只是部分的元素则应该使用的是双大括号的插值:{{value}}。另外 v-原创 2020-11-05 11:46:31 · 2675 阅读 · 0 评论 -
对于MVC和MVVM的理解
对于MVC和MVVM的理解1.MVC MVC 是 Model-View-Controller(模型-视图-控制器) 的简称。Model:是指业务模型.View:是指用户界面.Controller:则是控制器。MCV这种模式用于应用程序的分层开发,用一种业务逻辑、数据与界面显示分离的方法来组织代码。它是一种单向通信的形式,通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。1.1MVC的特点:优点: 1. 耦合性低:原创 2020-11-04 17:10:48 · 930 阅读 · 0 评论 -
运用Vue完成TodoList的初步实现
运用Vue完成TodoList的初步实现初步实现TodoList的增、删、改功能。一、初步的分析: 有信息的录入:动态的变化列表中的值就需要用到v-model 来进行数据的传递。而动态的创建列表就需要用到v-for来进行列表的遍历,可以使用数组或者对象的方式进行遍历。有数据的删除和修改:数据的删除和修改需要使用函数的方式进行操作。而操作的对象是当前所需要删除或修改的对象,要满足这一点就需要找到当前对象所在的下标,用下标来解决。二、具体的操作:(```) <div id="ap原创 2020-11-03 20:47:18 · 289 阅读 · 0 评论 -
Vue入门和相关名词的解释
Vue.js 入门Vue是一套用于构建用户界面的渐进式框架。Vue被设计为可以自底向上逐层应用。渐进式框架 何为渐进式框架? Vue相当于一套功能的集合,你可以有选择性的加入你所需要的功能。 用通俗的话来说,如果Vue是一个全家桶,里面有着鸡腿,鸡翅,汉堡,等众多食品。而你想吃的只是鸡腿,或者其他的。那你可以选择只买你喜欢的。自底向上逐层应用 而自底向上逐层应用的意思就是先写好基础的部分,再进行效果和事件的添加。跟建造楼房一个道理进行基本的架构再进行装原创 2020-11-03 11:39:31 · 715 阅读 · 1 评论