vue
关注
分享
扫一扫
jamesge2010
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue3从0到1
node.js版本大于18.3.0。原创 2025-02-20 16:29:03 · 367 阅读 · 0 评论 -
vue3从入门到精通
获取复杂数据类型：使用结构复制语法去除vue前缀：需要安装插件live server：需要访问网络地址：如何修改numberreactive修改值不需要.value：ref也可以储存数组类型：v-on:click简写形式：按键松开事件：简写形式：键值对的使用：map数组的显示：v-for条件判断：如何取对象数据：v-for ‘title’的使用：设置唯一key的作用——提升性能：text：radio：checkbox：单个checkbox：select：v-model.lazy延迟绑定：v-model.nu原创 2024-07-03 23:36:40 · 1021 阅读 · 0 评论 -
vue3知识点
介绍：vue-cli创建工程：原创 2023-05-15 11:49:11 · 111 阅读 · 0 评论 -
ElementUI组件库的使用
2.修改main.js，增加router、ElementUI import Vue from 'vue' import App from "./App"; import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI); new Vue({ el: '#app', router, ...原创 2022-01-06 14:04:20 · 654 阅读 · 0 评论 -
vue-router安装及使用
1.安装vue-router 项目目录中执行npm install vue-router --save-dev npm audit fix（修复缺陷） 2.编写Main.js // The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue' i原创 2022-01-05 12:44:06 · 782 阅读 · 0 评论 -
webpack的安装及创建项目
1.安装webpack (1)打包工具 npm install webpack -g (2)客户端 npm install webpack-cli -g 查看版本号：webpack -v 2.使用webpack创建项目 (1)创建目录webpack-study (2)创建modules/hello.js、modules/main.js hello.js // 暴露方法 exports.sayHi=function () { document.write("<h1...原创 2022-01-05 12:34:23 · 208 阅读 · 0 评论 -
vue安装配置
1.下载node.js 下载|节点.js (nodejs.org)https://nodejs.org/en/download/2.利用淘宝加速器进行全局安装 npm install cnpm -g 3.安装vue-cli cnpm install vue-cli -g 安装完后可以通过vue list命令查看可以基于哪些模块创建vue 4.创建vue项目 cmd进入安装目录执行：vue init webpack myvue (1) Runtime + Compiler: rec原创 2022-01-04 11:58:15 · 427 阅读 · 0 评论 -
vue练习demo9-slot
<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js.原创 2021-12-31 13:04:51 · 332 阅读 · 0 评论 -
vue练习demo8-computed
<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js.原创 2021-12-31 11:19:25 · 362 阅读 · 0 评论 -
vue练习demo7-axios
<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <style>--> <!-- [v-clock] {--> <!-- .原创 2021-12-30 14:10:09 · 238 阅读 · 0 评论 -
vue练习demo6-Vue.component
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.min.js"></script> </head> <body> <div id="app"> <!-- ar.原创 2021-12-30 01:39:10 · 309 阅读 · 0 评论 -
vue练习demo5-(v-model)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.min.js"></script> </head> <body> <div id="app"> 性别： .原创 2021-12-30 00:54:01 · 414 阅读 · 0 评论 -
vue练习demo4-(v-on:click)
<!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.min.js"></script> </head> <body> .原创 2021-12-30 00:53:20 · 117 阅读 · 0 评论 -
vue练习demo3-(v-for)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.min.js"></script> </head> <body> <div id="app"> <li v-f.原创 2021-12-30 00:52:22 · 460 阅读 · 0 评论 -
vue练习demo2-(v-if)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.min.js"></script> </head> <body> <div id="app"> <h1 v-.原创 2021-12-30 00:50:57 · 307 阅读 · 0 评论 -
vue练习demo1-(v-bind)
<!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js.原创 2021-12-30 00:35:04 · 324 阅读 · 0 评论 -
vue练习5
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-if,v-show,v-for指令</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist原创 2018-11-13 11:09:55 · 180 阅读 · 0 评论 -
vue练习6
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>TodoList</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js&quo原创 2018-11-13 15:49:33 · 161 阅读 · 0 评论 -
vue练习7
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件拆分</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&a原创 2018-11-13 17:30:46 · 238 阅读 · 0 评论 -
vue练习2
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>vue2.html</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js&qu原创 2018-11-08 18:02:05 · 281 阅读 · 0 评论 -
vue练习3
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>属性绑定和双向数据绑定</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js&原创 2018-11-08 18:03:40 · 375 阅读 · 0 评论 -
vue练习4
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算属性与侦听器</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js&quo原创 2018-11-08 20:18:07 · 256 阅读 · 0 评论 -
vue练习7-2
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件元素删除</title> <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"原创 2018-11-15 17:19:40 · 256 阅读 · 0 评论 -
mvvm设计模式
第一个m是model，也就是vm的data属性 第二个v是view视图网页模板 最后一个vm就是中间vue的viewmodel代码体现，就是vm对象或者vm实列原创 2019-10-01 19:42:28 · 321 阅读 · 0 评论 -
HelloWorld
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- v-model双向绑定...原创 2019-10-05 20:11:14 · 150 阅读 · 0 评论 -
模板语法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- v-model双向绑定...原创 2019-10-05 20:13:54 · 114 阅读 · 0 评论 -
vue练习
vue.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- <script src="https://cdn.jsdelivr.net/n原创 2018-10-08 18:11:22 · 592 阅读 · 0 评论