- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue-CLI
Vue脚手架用来创建项目，提高开发效率包括【引入JS、创建目录、创建文件、创建容器、创建Vue对象、创建路由、创建组件....】 Vue-CLI入门程序 使用脚手架的环境：系统中必须有NodeJS、Git、Webpack Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。 Vue CLI.2x 下载 npm install vue-cli -g Vue C
2022-05-25 20:10:05
174
原创 Async
Async是ES8里面的技术 Async修饰了function，那么该function返回值类型是Promise对象 // 需求：定义一个函数，返回Promise对象，并且在成功状态中设置数据 function handlePromise() { return new Promise((resolve, reject) => { resolve("这是数据"); }) } function handleProm() { return Promise.r
2022-05-22 19:59:01
186
原创 Vue Router路由
Vue路由类似于Node中的路由 Node路由：路由根据不同的请求地址，执行不同的函数 Vue路由：路由根据不同的路径，执行不同的组件 组件注册：全局注册、局部注册 组件分类：1、路由组件 2、普通组件 Vue Router使用步骤 1.引入vue文件 2.创建组件 //注册 let RouterC = { template:"#register" } //登录 let RouterA = { te.
2022-05-21 20:48:52
207
原创 Vue的组件注册方式
Vue的组件注册 1.全局注册：当Vue创建，组件就会被加载，不管该组件使不使用，都会被加载【占内存】【入门程序】 2.局部注册：当我们使用到某个组件，该组件才会被创建，如果不使用该组件，那么该组件不会被创建 ...
2022-05-18 19:33:40
2748
原创 Vue之进阶
computed：计算属性 当使用computed执行函数存入数据时，并且第二次使用数据时会从缓存中进行获取数据 即用到了计算属性就会自动执行get函数获取函数，也会更改属性这时就会自动执行set函数设置数据 如果数据没有改变，那么不会执行get函数，则会从缓存中获取数据（因为速度更快） get函数必须有return ，methods中的函数一定会每次都执行 watch监听器 watch作用于监听某个数据是否更改，则更改后执行其他操作 <body> <div id=.
2022-05-16 18:02:51
187
原创 Vue之v-model
v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。 v-model可以绑定的页面标签：input、textarea、select和自定义组件【components】 body> <div id="app"> <input type="text" v-model="val"> <button @click="getData">
2022-05-13 20:47:32
1313
原创 Vue的导航栏功能
使用@mouseenter鼠标移入事件 和@mouseout鼠标移出事件 <style> ul{ background: red; display: inline-block; color: whitesmoke; font-size: 40px; } .b1{ background: blue; width: 400px; height: 400p.
2022-05-12 21:07:39
551
原创 Vue之事件修饰符
stop【阻止冒泡】 prevent【禁用标签默认行为】 self【只有触发自身才会执行】 once【只会执行一次】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src ="../../public/js/vue.min.js"></script&
2022-05-11 20:48:48
228
原创 Vue之数据渲染
1、插值表达式 插值表达式：一般指定变量和表达式 {{password}} {{11+10}} 插值闪烁 当数据不是预定义的时候，而是通过网络进行获取的，那么当网络延迟加载时，页面中会显示插值表达式的语法，等网络加载完毕后，数据进行渲染，这种现象称之为：插值闪烁 {{a3}},{{a2}},{{a1}} v-text&v-html vue里，数据渲染通过：v-text， v-html，与JavaScript数据渲染：innerText innerHTML。一样的功能 v-te
2022-05-10 17:58:29
5083
原创 日报（MCV,VUE）
MCV 概述 MVC：是一个设计模式，把一些内容【接口、页面、业务逻辑...】进行分离 MVC+三层架构 MVC M【模型（service、dao、对象模型）】 V【视图（html）】 C【控制器（router、servlet、SpringMVC）】 三层架构 Web层【V + C】 Service层【业务逻辑层】 Dao层【数据持久层】 Vue入门程序 安装 — Vue.js下载地址 <script type="text/javascript" sr
2022-05-09 17:20:30
165
原创 了解vue
Vue.js 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 https://cn.vuejs.org/js/vue.min.js下载地址 3、NPM 方法 由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。 npm 版本需要大于 3.0，如果低于此版本需要升级它： # 查看版本 $ npm -v 2.3.0 #
2022-05-08 19:20:03
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人