分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

vue.js 第一课:实例化vue

发布时间:2023-09-06 02:07责任编辑:沈小雨关键词:js
 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ????<meta charset="UTF-8"> 5 ????<title>Demo</title> 6 </head> 7 <body> 8 ????<div id="app"> 9 ????????app:{{name}}10 ????</div>11 ????<script src="https://cdn.bootcss.com/vue/2.5.16/vue.min.js"></script>12 ????<script>13 ????????var vm = new Vue({14 ????????????el:‘#app‘,15 ????????????data:{16 ????????????????name:‘Vuejs‘,17 ????????????}18 ????????});19 ????</script>20 </body>

1. div的id为app为vue的element元素,所有的vue操作只能在id为app下

2.实例化时,需要传入一个对象el(element)缩写,确定作用于那个div域下

3.data为参数命名与赋值,在指定的div下可以用{{}}俩个大括号包起来,来使该变量的值


说明:

1.引入的js链接通道:https://www.bootcdn.cn/vue/

2.没有开发环境的可以直接,在线代码调试:http://tool.chinaz.com/tools/webdebugger.aspx

vue.js 第一课:实例化vue

原文地址:https://www.cnblogs.com/holyson/p/9591437.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved