记录从新手自学vue的看法。
刚开始接触vue-cli的时候,看了官网的建议,如果是新手不要直接使用vue-cli,建议先用cdn引入的形式。
初生牛犊不怕虎,选择了直接上手vue-cli,研究了一天,发现其实就是换了一种形式。关于html页面,css,那些除了省略了一些标签没有什么太大的变化。
比如说一个基础的html页面大概是这样的
<!DOCTYPE html>
<html>
<head>
<meta charest='utf-8'>
<title>标题</title>
<script>这里引用外部js<script>
<style>这里写css</style>
</head>
<body>
<script></script>
</body>
</html>
在vue里面简化了一些,分成了三块
<template>
页面代码
</template>
<script>
export default {
}
</script>
<style scoped>
css
</style>
比如,用js写方法绑定到按钮
document.getElementbyID('h').length
用vue写方法绑定到按钮
v-modle=' '
{{}}
data