随笔分类 -  vue

vue的学习过程
摘要:计算属性 计算属性: 1。定义:要用的属性不存在,要通过已有属性计算得来。 2。原理:底层借助了Object.defineproperty方法提供的getter和setter 3。get函数什么时候执行? 1。初次读取fullName时, 2所依赖的数据发生变化时。 4。优势: 与methods相比 阅读全文
posted @ 2022-06-05 17:29 King-DA 阅读(89) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .active { color: red; } </style> </head> <body> <script sr 阅读全文
posted @ 2021-01-23 17:41 King-DA 阅读(424) 评论(0) 推荐(0) 编辑
摘要:v-once <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h1>{{message}}</h1> <h1 v-on 阅读全文
posted @ 2021-01-23 13:59 King-DA 阅读(103) 评论(0) 推荐(0) 编辑
摘要:mustache 模板,用于构造html页面内容。在实际工作中,当同一个模板中想要调用不同的函数来渲染画面,在已经自定义好了的前提下,可以在渲染页面时对传入的参数进行手动判断。【在不好判断的情况下,我们可以通过改变传入参数来进行判断】跟小白我来看看该模板的语法吧。 Mustache 的模板语法很简单 阅读全文
posted @ 2021-01-23 13:55 King-DA 阅读(480) 评论(0) 推荐(0) 编辑
摘要:1. options 是什么 options 顾名思义是选项的意思,或称为构造选项。是在创建 vue 实例时传入的参数,是一个对象。const vm = new Vue(options)该对象包含哪些属性?每个属性都是什么含义?就是理解选项的重点。 无论是 jQuery.js 还是 Vue.js,都 阅读全文
posted @ 2021-01-21 22:54 King-DA 阅读(2063) 评论(0) 推荐(0) 编辑
摘要:MVVM是Model-View-ViewModel的简写。它本质上就是MVC (Model-View- Controller)的改进版。即模型-视图-视图模型。 【模型】指的是后端传递的数据。 【视图】指的是所看到的页面。 【视图模型】mvvm模式的核心,它是连接view和model的桥梁。 它有两 阅读全文
posted @ 2021-01-21 22:41 King-DA 阅读(150) 评论(0) 推荐(0) 编辑
摘要:关于BootStrap使用很简单,先进入它的官网http://www.bootcss.com/ 我们看上方的版本,这里咱们点开Bootstrap3,主页如图下 下载左侧获得相关的css、javascript、font等文件, 这里的话,博主用的是3.3.5版本,下载网址:https://github 阅读全文
posted @ 2020-06-21 17:49 King-DA 阅读(3548) 评论(0) 推荐(0) 编辑
摘要:一、 打包vue项目步骤: 1、对当前vue项目进行打包的命令如下: npm run build 2、打包完成,会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。如下图: 二、 使用静态服务器工具包发布打包的vue项目 1、首先安装全局的serve,如下图: 命 阅读全文
posted @ 2020-06-21 17:12 King-DA 阅读(63716) 评论(0) 推荐(4) 编辑
摘要:都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件、监听事件、取消事件。。。。(确实很烦)。vue的官方文 阅读全文
posted @ 2020-06-21 10:42 King-DA 阅读(944) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello World</title> </head> <body> <!-- 1.引入vue.js库 2.创建vue对象 el:指定根element(选择器) 阅读全文
posted @ 2020-04-24 00:49 King-DA 阅读(147) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示