vue的安装以及语法介绍
2023-09-14 08:57:25 时间
#需要用到一个vue文件,还有一个自己的js文件main.js
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div> <input type="text" v-model="name"> <span v-show="name">你的名字是:{{name}}</span> </div> <div> <input type="text" v-model="age"> <span v-show="age">你的年龄是:{{age}}</span> </div> <div> <input type="text" v-model="sex"> <span v-show="sex">你的性别是:{{sex}}</span> </div> </div> <script src="../lib/vue.js"></script> <script src="js/main.js"></script> </body> </html>
js代码:
var app = new Vue(
{
el:"#app",
data:{
name:"",
age:"",
sex:"",
}
}
)
相关文章
- cnpm i安装报错-Install fail! Error: Unsupported URL Type: npm:vue-loader@^15.9.7
- [ Vue ] vue 设计原理之响应式系统实现笔记( 二 )
- Vue学习笔记2-安装Vue
- 如何在vue中安装及使用layui框架[通俗易懂]
- Vue | 使用 SVG sprite loader 来引入 svg
- Vue笔记(10) vue-router
- vue06安装vue-cli+使用vue-cli搭建项目+什么是*.vue文件+开发示例+必问面试知识点
- 在npm安装vue-router报错npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
- mac安装vue开发环境_vue项目有几个环境
- Vue学习笔记之Vue判断字符串(或数组)中是否包含某个元素
- vue引入vant_vueaxios跨域请求
- vue中的懒加载和按需加载_vue 路由懒加载
- IntelliJ IDEA使用 vue-cli 创建Vue项目
- Vue CLi v3 创建项目使用记录
- vue.js入门篇之Vue.js 样式绑定
- linux下快速部署Vue项目(linux部署vue)
- Vue2.0 搭建Vue脚手架(vue-cli)详解编程语言
- 使用Vue技术从MSSQL中获取数据(vue获取mssql数据)
- Vue如何利用Redis加速应用程序性能(vue如何使用redis)
- 使用Vue从Redis获取数据(vue去redis取数据)
- 从零开始Vue项目中使用Redis(vue使用redis)
- Vue应用中部署Redis(vue中使用redis)
- Vue搭配Redis做针对性取值(vue redis取值)
- Oracle与Vue官网联合宣传前瞻技术,轻松开发(oracle vue官网)