Hello_vuejs

混沌与精致

已于 2022-06-03 00:48:53 修改

阅读量108

点赞数

分类专栏： vuejs 文章标签： vue.js javascript 前端

于 2022-06-02 18:22:27 首次发布

本文链接：https://blog.csdn.net/weixin_50808020/article/details/125105284

版权

vuejs 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!--
写在开头,vuejs里注释快捷键ctrl+/,快捷键按行为单位注释,可以选中注释多行.个人习惯注释符号左右部分单独成行.
-->!
<!DOCTYPE html>
<!--
!DOCTYPE表明文档类型,详情百度百科
-->
<html lang="en">
<!--
lang=“en”表示语言是英文
-->
<head>
  <meta charset="UTF-8">
  <!--
  字符集类型,采用utf-8标准.
  -->
  <title>Hello Vue.js</title>
</head>
<body>
<div id="app">{{message}}</div>
<!--
id具有唯一性,在一个网页中同一个命名只能使用一次,也即app这个变量只能使用一次.
class命名的类可以在一个网页中使用无数次.
-->
<script src="../js/vue.js"></script>
<!--
此处是新建Directory项目，命名为js,将下载的vue.js拖放入其中，这里引用vue.js文件
-->
<script>
  const app = new Vue({
    el:'#app',
    data:{
      message:'Hello Vue.js'
    }
  })
  // 这里的app可以看作是一个变量,const是变量声明,data是app的数值内容,el是挂靠.
  // Vue的实例化
  //     new Vue({
  //         el: '#app',
  //         data: {},
  //         ....
  //     })
  //     声明变量的关键词有三种:var、let、const,详情百度.
  // const是将变量声明为一个常量，也不能被再次赋值,否则会导致声明无效.
  // const必须立即赋值,而不能仅仅定义一个变量,不能被修改,否则报错.
  // let声明的变量可以改变,值和类型都可以改变,没有限制.
  // script里注释方式与外面不同.
</script>
</body>
</html>
<!--
ES6,全称ECM Script 6.0,由欧洲计算机制造商协会制定,在2015年6月发布6.0版本,这个版本就是ES6版本.
此前已经发布了多个版本,在ES6发布之前,都统称为ES2015,在ES6发布之后,包括ES7、ES8…之后的版本都统称为ES6.
ES6是JavaScript的国际化标准.
-->